<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
   <link href="EE\css\bootstrap.min.css" rel="stylesheet" type="text/css">
  <link href="EE\css\material-kit.css" rel="stylesheet" type="text/css">
<link href="EE\css\Sparql.css" rel="stylesheet" type="text/css">
<script src="EE\js\jquery.min.js"></script>
<script src="EE\js\bootstrap-datepicker.js"></script>
<script src="EE\js\bootstrap.min.js"></script>

<script src="EE\js\material-kit.js"></script>
<script src="EE\js\material.min.js"></script>
<script src="EE\js\nouislider.min.js"></script>
<script src="EE\js\edit.js"></script>


</head>

<body >
 <div >
  <!-- logo -->   
<nav style="background-image: url(EE/img/bc.jpg);"class="navbar navbar-info" role="navigation">
  
    <img style="width:350px;display:inline"src="EE\img\logo.png"> 
	<span style="display:inline;float:right;padding-top: 25px;"><a href="#" style="color:#fff;font-size:15px"id="username"></a>&nbsp&nbsp欢迎！</span>
</nav>
<!-- 下方 -->
<div class="row-fluid"  >
   <!-- 侧栏 -->
   <div class="col-md-1 col-xs-3 col-sm-3 col-lg-3 left-div" id="sidebar">
   <ul class="nav nav-pills nav-stacked">

   <li ></li>
      <li><a href="index.html" >首页</a></li>
      <li class="nav-header" style="background-color:#ddd">
					案例浏览
				</li>
       <li ><a href="overview.html">案例列表</a></li> 
   <li ><a href="Sparql.html" >语义查询</a></li>
   <li ><a href="intro.html">PREFIX介绍</a></li>
   <li ><a href="BDMap.html">地图展示</a></li>
     <li class="nav-header" style="background-color:#ddd">
					个人中心
				</li>
				<li class="active">
					<a href="#">编辑资料</a>
				</li>
</ul>
 </div>
   
<!-- 内容页 --> 
<div id="content" class="col-md-10 col-xs-10 col-sm-10 col-lg-10 content-div" >
 
<div class="panel panel-primary">
   <div class="panel-heading">
      <h3 class="panel-title">编辑个人资料</h3>
   </div>
   <div class="panel-body">
   <div class="span12">
   <!-- 获取信息失败的提示 -->
   	<div class="alert alert-warning" style="display:none" id="editalert">
   	 <a href="#" class="close" data-dismiss="alert">
        &times;
    </a>
    <strong>提示！</strong>获取个人信息失败。
	</div>
	<!-- 编辑信息不规范的提示 -->
	<div class="alert alert-warning" style="display:none;background-color: #cf3e3e;" id="erroralert">
   	 <a href="#" class="close" data-dismiss="alert">
        &times;
    </a>
    <strong>提示！</strong><strong id="msgerror"></strong>信息不符合规范。
	</div>
		<!-- 修改失败的提示 -->
	<div class="alert alert-warning" style="display:none;background-color: #cf3e3e;" id="editfail">
   	 <a href="#" class="close" data-dismiss="alert">
        &times;
    </a>
    <strong>提示！</strong>修改失败。
	</div>
	<!-- 修改成功的提示 -->
	<div class="alert alert-success" style="display:none;background-color: #4caf50;" id="edisuccess">
   	 <a href="#" class="close" data-dismiss="alert">
        &times;
    </a>
    <strong>提示！</strong>修改成功。
	</div>
			<form class="form-horizontal">
			<span id="id" style="display:none"></span>
				<div class="control-group">
					 <label  >用户名</label><img src="EE/img/q.png" style="float: right;width: 90px;" class="img-circle">
					 <div class="input-group input-group-lg">
            		<span class="input-group-addon"></span>
           			 <input type="text" class="form-control" id="editname">
      			    </div>    
				</div>	
				<div class="control-group">
					 <label >昵称</label>
					 <div class="input-group input-group-lg">
            		<span class="input-group-addon"></span>
           			 <input type="text" class="form-control" id="editnickname">
      			    </div>    
				</div>		
				<div class="control-group">
					 <label >年龄</label>
					 <div class="input-group input-group-lg">
            		<span class="input-group-addon"></span>
           			 <input type="text" class="form-control" id="editage">
      			    </div>    
				</div>	
				<div class="control-group">
					 <label  for="inputEmail">邮箱</label>
					 <div class="input-group input-group-lg">
            		<span class="input-group-addon"></span>
           			 <input type="text" class="form-control" placeholder="123@qq.com" id="editemail">
      			    </div>    
				</div>
				<div class="control-group">
					 <label >性别</label>
					 <div class="input-group input-group-lg">
            		<span class="input-group-addon"></span>
           			<label><input name="sex" type="radio" value="男" id="sexman"/>男 </label>
           			&nbsp;&nbsp;&nbsp;&nbsp;
           			<label><input name="sex" type="radio" value="女" id="sexwoman"/>女 </label>
           			 </div>    
				</div>
				<div class="control-group">
					<div style="text-align: center">
					<button type="button" class="btn btn-success" id="edit">提交</button>
					<button type="button" class="btn btn-primary" style="background-color:#999999"><a style="color:#fff"href="Sparql.html">返回</a></button>
					</div>
				</div>
				
	
				
			</form>
			<!-- 模态框（Modal） -->
<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true" >
	<div class="modal-dialog">
		<div class="modal-content" style="border-radius: 5px;">
			<div class="modal-header" style="background-color: #0d2d51;">
				<button type="button" class="close" data-dismiss="modal" 
						aria-hidden="true" style="color:#fff">×
				</button>
			
			</div>
			<div style="color:#0d2d51" class="modal-body">
				<h4  id="myModalLabel">
				确认修改吗？
				</h4>

			</div>
			<div class="modal-footer">
				<button type="button" class="btn btn-default" 
						data-dismiss="modal">关闭
				</button>
				<button data-dismiss="modal"type="button" id="editconfirm"class="btn btn-primary" style="background-color:#0d2d51">
					提交更改
				</button>
			</div>
		</div><!-- /.modal-content -->
	</div><!-- /.modal-dialog -->
</div><!-- /.modal -->
		</div>
   </div>

 </div>
</div>  

 </div>
</body>